@charset "utf-8";
/* CSS Document */
html {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
body {
	height: 100%;
	width: 100%;
	font-size: 14px;
	font-family: "Microsoft YaHei" !important;
	box-sizing: border-box;
	margin: 0;
	background: #F0F0F0;
}
div {
	box-sizing: border-box;
}
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
	.class{}
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
	.class{}
}
.bg-cover{
	background: #F0F0F0;
	min-height:100%;
	width:100%;

}
.no-margin{
	margin:0 !important;

}
/*公用布局样式开始*/
.two-ul-box {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.two-ul-box li {
	width: 50%;
	float: left;
	padding: 0 6px;
}
.three-ul-box {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.three-ul-box li {
	width: 33.33%;
	float: left;
	padding: 0 6px;
}
.three-ul-box .after_btn{
	width: 33.33%;
	float: right;
	padding: 0 6px;
}
/*公用布局样式结束*/
/*目录简介页的样式开始*/
.read-intro-cover {
	position: relative;
}
.read-intro-cover .book-cover {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -30%);
	-webkit-transform: translate(-50%,-30%);
	width: 120px;
	box-shadow: 1px 1px 8px #464545;
}
.read-intro-header {
	background: #fff;
	overflow: hidden;
	padding: 6px 20px;
	box-shadow: 1px 1px 2px #D6D6D6;
	border-bottom: 1px solid #d7d7d7;
}
.read-intro-header .book-schedule {
	float: right;
	color: #A4A4A4;
	font-size: 12px;
	letter-spacing: 2px;
}
.read-intro-header .title {
	color: #585858;
	font-size: 16px;
	text-align: center;
	letter-spacing: 4px;
	margin: 0;
	margin-top: 30px;
}
.read-intro-header .copyright {
	color: #949494;
	font-size: 12px;
	text-align: center;
	letter-spacing: 4px;
	margin: 10px 0;
}
.read-intro-header .keyword {
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: center;
}
.read-intro-header .keyword li {
	background: #707070;
	color: #fff;
	font-size: 10px;
	padding: 0px 8px;
	border-radius: 10px;
	margin-right: 10px;
	display: inline-block;
}
.read-intro-header .synopsis {
	color: #8A8A8A;
	text-align: center;
	letter-spacing: 1px;
	margin: 10px;
}
.apply-list-box {min-height: 35px;}
.apply-list-box .apply-list-header {
	background: #fff;
	padding: 8px 10px;
	color: #868686;
	box-shadow: 1px 1px 2px #aaa;
	margin-top: 6px;
	overflow: hidden;
	font-family: "Microsoft YaHei";
}
.apply-list-box .apply-list-header .title {
	vertical-align: middle;
	padding-left: 14px;
}
/*目录简介页的样式结束*/
/*书本内容页的样式开始*/
.read-book-header {
	overflow: hidden;
	padding: 8px 10px;
	position: fixed;
	width: 100%;
	background: #F0F0F0;
}
.read-quantity {
	font-size: 14px;
	color: #8E8D8D;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%,0);
}
/*.see-card {
	color: #848484;
	font-size: 14px;
}
.see-card img {
	margin-right: 6px;
}
.see-card span {
	vertical-align: middle;
}*/
.read-book-content {
	padding: 10px;
	background: #FAFAFA;
	overflow: auto;
	font-family: "Microsoft YaHei";
}
.read-book-content p {
	font-family: "Microsoft YaHei";
	color: #727272;
	font-size: 16px;
	letter-spacing: 2px;
}
.read-book-content h3{
	color: #494646;
	font-size: 18px;
	font-weight: bold;
	font-family: "Microsoft YaHei";
}
.add-notes {
	color: #848484;
	font-size: 14px;
}
.add-notes img {
	margin-right: 6px;
}
.add-notes span {
	vertical-align: middle;
}
a.add-notes:hover, a.add-notes:focus {
	color: #848484;
}
.main-point {
	color: #6ABC2E;
}
.read-book-choose-section{
	text-align:center;
	font-size:16px;
	padding: 10px 0;
}
.read-book-choose-section .section{
	color: #2F2F2F;
	font-weight:bold;
}
.read-book-choose-section .section:hover,.read-book-choose-section .section:active,.read-book-choose-section .section:focus{
	color: #2F2F2F;
}
.read-book-choose-section .back{
	color: #484848;
	font-style: italic;
}
.read-book-choose-section .back:hover,.read-book-choose-section .back:active,.read-book-choose-section .back:focus{
	color: #484848;
}
.read-book-h1{
	margin-top: 10px;
}
/*书本内容页的样式结束*/
/*首页的样式开始*/
.home-header {
	background: url(../images/special/dj-04.png) no-repeat;
	height: 46%;
	width: 100%;
	background-size: 100% 100%;
	padding: 15px 20px;
	min-height: 240px;
	font-family: "Microsoft YaHei";
}
.person-home-info {
	text-align: center;
}
.person-home-info .name {
	color: #FBE5E5;
	display: inline-block;
	padding-top: 2px;
	font-size: 16px;
}
.person-home-info .icon {
	border-radius: 50%;
	position: relative;
	width: 100px;
	margin: 0 auto;
}
.person-home-info .icon img {
	border-radius: 50%;
	height: 80px;
	width: 80px;
}
.person-home-info .sign {
	height: 100px;
	width: 100px;
	position: absolute;
	z-index: 10;
	top: 0;
	/*background: url(../images/icon/dj-17.png) repeat;*/
	border-radius: 50%;
	color: #E6E6E6;
	font-size: 16px;
	text-align: center;
	line-height: 100px;
}
.person-home-time {
	overflow: hidden;
	padding: 20px 10px 0 00px;
}
.person-home-time .title {
	color: #F9DCDD;
	font-size: 16px;
	display: block;
}
.person-home-time .statistics {
	float: right;
}
.person-home-time .statistics .statistics-box {
	text-align: center;
	display: inline-block;
	padding-right: 10px;
	color: #F4BABC;
}
.statistics .statistics-box .time {
	font-size: 22px;
}
.inclined-line {
	border-left: 1px solid #F4BABC;
	transform: rotate(16deg);
	-webkit-transform:  rotate(16deg);
	height: 50px;
	display: inline-block;
	vertical-align: bottom;
}
.person-home-time .read-time {
	position: absolute;
	margin-top: 20px;
	color: #F4BABC;
	clear: both;
}
.person-home-time .read-time .read-span{
	font-size: 40px;
	font-weight: bold;
	color: #F4BABC;
	clear: both;
}
.person-home-time .read-time .time {
	font-size: 22px;
	margin-right: 4px;
}
.person-home-time .read-time .no-time {
	background: #fff;
	height: 7px;
	display: inline-block;
	width: 18px;
	vertical-align: top;
}
.home-apply-list-box .apply-list-header {
	margin-top: 0;
	height: 100%;
}
.home-apply-list-box .apply-list-header .title {
	padding-left: 8px;
}
.circle-pop {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	text-align: center;
	line-height: 24px;
}
.home-big-title {
	text-align: center;
	font-size: 16px;
	color: #7C7C7C;
	font-weight: bold;
	padding: 10px 0;
	margin: 0;
}
.home-page-book{
	height:43%;
}
.home-book {
	background: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #D6D6D6;
	border-bottom: 1px solid #d7d7d7;
	overflow: hidden;
	height: 133px;
}
.home-book .book-bg {
	max-width: 40%;
	float: left;
	padding: 10px 0 10px 10px;
	width: 140px;
	background: #424550;
	border-radius: 0 90px 90px 0;
	height: 100%;
}
.home-book .home-book-right {
	max-width: 60%;
}
.home-book-right {
	float: right;
	text-align: right;
	padding: 10px 10px 0 0;
}
.home-book-right .time {
	color: #D9D9D9;
	border-bottom: 3px solid #D6D6D6;
	display: inline-block;
	margin-right: 10px;
}
.home-book-right .time .main {
	font-size: 60px;
	font-family: KaiTi;
	font-weight: bold;
	line-height: 38px;
}
.home-book-right .time .schedule {
	display: inline-block;
	text-align: left;
	padding-left: 2px;
}
.home-book-right .time .schedule .f16 {
	line-height: 16px;
}
.home-book-right .time .time-name {
	font-size: 10px;
}
.home-book-right .title {
	color: #585858;
	font-size: 16px;
	font-weight: bold;
	height: 48px;
	overflow: hidden;
}
.home-book-right .copyright {
	color: #AEAEAE;
	font-size: 12px;
}
.home-book-right .open-read {
	padding-top: 10px;
	padding-right: 10px;
}
.home-book-right .open-read img {
	padding-left: 4px;
}
.sign-info-box {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 100;
	top: 0;
	background: url(../images/icon/dj-17.png) repeat;
}
.sign-info-image {
	width: 96%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center;
}
.sign-info-image .sign-image {
	width: 100%;
	max-width: 612px;
}
.sign-info-image .sign-info-pop {
	color: #fff;
	position: absolute;
	bottom: 33%;
	z-index: 10;
	left: 50%;
	transform: translate(-45%, 0%);
	-webkit-transform: translate(-45%,0);
}
.sign-info-close {
	position: absolute;
	top: -80px;
	right: 20px;
	width: 26px;
}
.home-gradient-line {
	height: 1px;
	width: 100%;
	background: -webkit-linear-gradient(left, #CC9E9E, #A32228, #CC9E9E);
	background: -o-linear-gradient(right, #CC9E9E, #A32228, #CC9E9E);
	background: -moz-linear-gradient(right, #CC9E9E, #A32228, #CC9E9E);
	background: linear-gradient(to right, #E51B26, #4C4646, #F13D41);
	opacity: 0.3;
	margin: 10px;
}
/*首页的样式结束*/
/*评论页样式开始*/
.comment-page {
	background: #fff;
	min-height: 100%;
	width: 100%;
	padding: 20px 10px;
}
.comment-box {
	overflow: hidden;
}
.comment-box-left {
	float: left;
	width: 66px;
}
.comment-box-left img {
	width: 66px;
	border-radius: 50%;
}
.comment-box-right {
	margin-left: 74px;
}
.comment-box-header {
	color: #656565;
	font-size: 16px;
	font-weight: bold;
}
.comment-box-header .revert {
	font-size: 14px;
	display: inline-block;
	padding: 0 10px;
	color: #A8A8A8;
}
.comment-box-content {
	background: #F4F4F4;
	padding: 10px;
	margin-top: 4px;
}
.comment-box-content .content {
	color: #9A9A9A;
	margin: 0;
}
.comment-box-content .footer {
	overflow: hidden;
	padding-top: 10px;
	color: #B7B7B7;
	font-size: 12px;
}
.comment-box-content .footer .reply {
	float: right;
	padding-top: 6px;
}
/*评论页样式结束*/
/*登录页样式开始*/
.login-bg {
	min-height: 640px;
	width: 100%;
	background: url(../images/special/dj-06.png);
	background-size: 100%;
	padding: 0 30px;
}
.login-logo {
	padding: 40px 0 30px 0;
	text-align: center;
}
.login-logo img {
	max-width: 100%;
}
.login-hint-pop{
	color:#fff;
	font-size: 15px;
	font-family: "Microsoft YaHei";
}
.login-content {margin-top: 30px;}
.login-content .login-box {
	margin-bottom: 20px;
}
.login-content .login-box .icon {
	display: inline-block;
	width: 54px;
	background: #fff;
	text-align: center;
	float: left;
	padding: 12px 0;
	height: 54px;
}
.login-content .login-box .input-text {
	margin-left: 60px;
	height: 54px;
	background: #fff;
}
.login-content .login-box .input-text input {
	border: 0;
	outline: none;
	width: 100%;
	padding-left: 10px;
	padding: 16px 10px;
	font-size: 17px;
	height: 54px;
}
.login-content .login-mark {
	overflow: hidden;
}
.login-content .login-mark .remember {
	color: #fff;
	padding-left: 6px;
	vertical-align: middle;
}
.login-content .login-mark .forget-pass {
	float: right;
	color: #fff;
	text-decoration: underline;
}
/*登录页样式结束*/
/*卡片阅读目录页开始*/
.catalog-bg {
	min-height: 100%;
	width: 100%;
	/*background: url(../images/special/dj-024.png) no-repeat;*/
	background: url(../images/bg-image/dj-05.png) no-repeat;
	background-size: cover;
}
.shade-bg {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 100;
	top: 0;
	/*background: url(../images/icon/dj-017.png) repeat;*/
}
.catalog-top {
	padding: 10px;
	font-size: 16px;
	color: #b4b4b4;
	text-align: center;
	background: #050901;
}
.catalog-read-box {
	position: absolute;
	overflow: hidden;
	height: 360px;
	width: 100%;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	padding: 10px 0;
}
.catalog-read-box-scroll {
	position: absolute;
	left: 0;
}
.catalog-card {
	float: left;
	width: 270px;
	margin: 0 10px;
	box-shadow: 0px 0px 10px #E8E8E8;
	border-radius: 10px;
	margin-top: 15%;
	position: absolute;
	left: 50%;
	margin-left: -135px;
}
.catalog-card-header {
	height: 30px;
	border-radius: 5px 5px 0 0;
	background: #838383;
}
.catalog-card-content {
	background: #fff;
	height: 340px;
	border-radius: 10px;
	position: relative;
}

.catalog-card-content .title {
	color: #585858;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 14px 0;
}
.catalog-card-content .title.catalog {
	text-align: left;
	font-size: 18px;
	padding: 16px;
}
.catalog-card-content .title .line {
	border-bottom: 1px solid #CECECE;
}

.catalog-card-content {
	background: #fff;
	height: 340px;
	border-radius: 10px;
	position: relative;
}

.catalog-title {
	color: #585858;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 14px 0;
	font-size: 18px;
}

.catalog-card-content .catalog-ul {
	margin: 0;
	padding: 0;
	color: #73727B;
}
.catalog-card-content .catalog-ul li {
	padding: 1px 10px;
}
.catalog-small-pop {
	display: inline-block;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: #D6D6D6;
	vertical-align: middle;
	margin: 0 10px;
}
.catalog-small-title {
	font-size: 14px;
	display: inline-block;
	width: 80%;
}
.catalog-small-name {
	font-size: 14px;
}
.catalog-card-content.catalog-active {
	background: #fff;
	border-color: #E60314;
}
.catalog-card-content.catalog-active .title .line {
	border-color: #EFA439;
}
.catalog-book-content {
	position: relative;
}
.catalog-book-image {
	position: relative;
	left: -10px;
	float: left;
}
.catalog-book-author {
	padding-left: 75px;
	padding-right: 6px;
}
.catalog-book-author .abstract {
	color: #ABAAAA;
}
.catalog-book-author .name {
	color: #000;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 4px;
}
.catalog-card-recommend {
	font-size: 16px;
	color: #ccc;
	background:#FaFaFa;
	position: absolute;
	bottom: 0;
	padding: 10px;
}
.catalog-card-bookname {
	text-align: center;
	padding: 0 16px;
	font-size: 18px;
	color: #8A8A8A;
}
.catalog-card-schedule {
	text-align: center;
	padding: 6px 16px;
	font-size: 14px;
	color: #8A8A8A;
}
.catalog-card-link {
	background: #fff;
	color: #635D5D;
	text-align: center;
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 7px;
	border-radius: 0 0 10px 10px;
}
.catalog-card-link:hover, .catalog-card-link:active, .catalog-card-link:focus {
	color: #635D5D;
}
.catalog-chapter-content {
	padding: 0 10px 16px 16px;
	color: #8C8A8A;
}
.catalog-chapter-image {width: 280px;margin-left: -5px;position: relative;top: 10px;}

.catalog-card-content-list {
	background: #fff;
	height: 100%;
	border-radius: 10px;
	position: relative;
}
.catalog-card-content-list .title {
	color: #585858;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 16px 0;
}
.catalog-card-content-list .title.catalog {
	text-align: left;
	font-size: 18px;
	padding: 16px;
}
.catalog-card-content-list .title .line {
	border-bottom: 1px solid #CECECE;
}
.catalog-card-content-list .catalog-ul {
	margin: 0;
	padding: 0;
	color: #73727B;
}
.catalog-card-content-list .catalog-ul li {
	padding: 1px 10px;
}
/*.catalog-bg {*/
/*min-height: 640px;*/
/*width: 100%;*/
/*background: url(../images/special/dj-09.png) no-repeat;*/
/*background-size: cover;*/
/*}*/
/*.slide-position{*/
/*margin-left: 10%;*/
/*margin-top: 15%;*/
/*}*/
/*.shade-bg {*/
/*height:640px;*/
/*width: 100%;*/
/*position: absolute;*/
/*z-index: 100;*/
/*top: 0;*/
/*background: url(../images/icon/dj-17.png) repeat;*/
/*}*/
/*.catalog-top {*/
/*background: #050901;*/
/*padding: 10px;*/
/*color: #F2F2F2;*/
/*}*/
/*.catalog-read-box {*/
/*position: absolute;*/
/*overflow: hidden;*/
/*height: 384px;*/
/*width: 100%;*/
/*top: 50%;*/
/*transform: translate(0, -50%);*/
/*}*/
/*.catalog-read-box-scroll {*/
/*position: absolute;*/
/*left: 0;*/
/*}*/
/*.catalog-card {*/
/*float: left;*/
/*width: 270px;*/
/*margin: 0 0px;*/
/*}*/
/*.catalog-card-header {*/
/*height: 40px;*/
/*border-radius: 5px 5px 0 0;*/
/*!*background: #838383;*!*/
/*background: #F6F6F6;*/
/*text-align: center;*/
/*vertical-align: middle;*/
/*line-height: 30px;*/
/*}*/
/*.catalog-card-content {*/
/*background: #F6F6F6;*/
/*border-bottom: 4px solid #838383;*/
/*height: 400px;*/
/*}*/
/*.catalog-card-content .title {*/
/*font-size: 22px;*/
/*color: #585858;*/
/*text-align: center;*/
/*font-weight: 300;*/
/*margin: 0;*/
/*padding: 20px 0;*/
/*}*/
/*.catalog-card-content .title .line {*/
/*display: inline-block;*/
/*min-width: 120px;*/
/*border-bottom: 2px solid #CECBCB;*/
/*}*/
/*.catalog-card-content .catalog-ul {*/
/*margin: 0;*/
/*padding: 0;*/
/*padding-bottom: 20px;*/
/*color: #73727B;*/
/*}*/
/*.catalog-card-content .catalog-ul li {*/
/*padding: 6px 10px;*/
/*width: 100%;*/
/*list-style-type:none;*/
/*}*/
/*.catalog-small-pop {*/
/*display: inline-block;*/
/*height: 6px;*/
/*width: 6px;*/
/*border-radius: 50%;*/
/*background: #D6D6D6;*/
/*vertical-align: middle;*/
/*margin: 0 10px;*/
/*}*/
/*.catalog-small-title {*/
/*font-size: 15px;*/
/*display: inline-block;*/
/*width: 80%;*/
/*}*/
/*.catalog-small-name {*/
/*font-size: 18px;*/
/*}*/
/*.catalog-card-content.catalog-active {*/
/*background: #fff;*/
/*border-color: #E60314;*/
/*}*/
/*.catalog-card-content.catalog-active .title .line {*/
/*border-color: #EFA439;*/
/*}*/
/*.catalog-writer{*/
/*font-size:23px;*/
/*}*/
/*.catalog-img{*/
/*margin-left: 15px;*/
/*margin-top: 10px;*/
/*vertical-align: middle;*/
/*}*/
/*.catelog-author{*/
/*line-height: 80px;*/
/*width: 50px;*/
/*margin-left: 15px;*/
/*}*/
/*.catalog-img-title{*/
/*height: 80px;*/
/*display: inline-block;*/
/*width: 100%;*/
/*}*/
/*卡片阅读目录页结束*/
/*阅读完成页样式开始*/
.read-book-punchcard {
	min-height: 100%;
	background: #fff;
}
.book-punchcard-box {
	width: 90%;
	height: 400px;
	margin: 0 auto;
	margin-top: 50px;
	background: url(../images/special/dj-025.png) #71A5D6;
	border-radius: 5px;
	position: relative;
}
.book-punchcard-box .punchcard-info {
	color: #fff;
	font-size: 16px;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translate(0%,-50%);
	-webkit-transform: translate(0%,-50%);
	width: 100%;
	text-align: center;
}
.book-punchcard-box .punchcard-btn {
	position: absolute;
	width: 100%;
	padding: 0 20px;
	bottom: 30px;
}
/*阅读完成页样式结束*/
/*添加笔记页面样式开始*/
.add-note {
	width: 100%;
	height: 260px;
	border: 1px solid #DEDEDE;
	padding: 20px;
	font-size: 18px;
	resize: none;
}
.note-title{
	width: 100%;
	height: 50px;
	border: 1px solid #DEDEDE;
	padding: 20px;
	font-size: 18px;
}
.saveBtn{
	position: fixed;
	bottom: 0;
}
/*添加笔记页面样式结束*/
/*笔记列表页面的样式开始*/
.note-list-search {
	background: #fff;
	border-radius: 20px;
	padding: 7px 10px;
	position: relative;
	border: 1px solid #bfbebe;
}
.note-list-search input {
	border: 0 !important;
	outline: none;
	width: 80%;
	padding-left: 10px !important;
	font-size: 14px !important;
	height: 20px !important;
	padding-top: 0px !important;
}
.note-list-search-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 3px 14px;
	border-radius: 20px;
	cursor: pointer;
	outline: none;
}
.note-list-search-btn img{
	vertical-align: middle;
	height: 28px !important;
}
.note-list-search-btn:active img {
	position: relative;
	top: 1px;
}
.note-list-box {
}
.note-list-box ul {
	margin: 0;
	padding: 0;
}
.note-list-box ul li {
	height: 80px;
	margin: 10px 0;
}
.note-list-box ul li .num {
	display: inline-block;
	height: 100%;
	line-height: 80px;
	width: 66px;
	text-align: center;
	color: #fff;
	background: #2FB879;
	font-size: 36px;
	font-family: simson;
	border-radius: 3px 0 0 3px;
	float: left;
}
.note-list-box ul li .list-box {
	background: url(../images/icon/dj-22.png) right bottom no-repeat #fff;
	background-size: 32px;
	height: 100%;
	padding: 10px 10px 10px 76px;
}
.note-list-box .list-box .list-box-header {
	overflow: hidden;
}
.note-list-box .list-box .list-box-header .title {
	font-size: 18px;
	color: #626262;
	display: block;
	height: 40px;
	overflow: hidden;
}
.note-list-box .list-box .list-box-header .time {
	padding-top: 4px;
	color: #A6A6A6;
	display: block;
}
.note-list-box .list-box .list-box-content {
	text-indent: 20px;
	margin: 0;
	padding: 5px 20px 0px 0;
	height: 50px;
	overflow: hidden;
	color: #A6A6A6;
}
/*笔记列表页面的样式结束*/
/*个人中心页面样式开始*/
.home-header.person-center-header {
	height: 240px;
}
.home-header.person-center-header .person-home-info {
	margin-top: 30px;
}
.home-header.person-center-header .name {
	text-align: center;
	color: #FDF4F4;
	margin-top: 10px;
}
.home-header.person-center-header .student-id {
	color: #FDF4F4;
	text-align: center;
	margin: 10px 0;
}
.apply-list-box.person-apply-list-box{
	height: auto;

}
.apply-list-box.person-apply-list-box .apply-list-header {
	margin: 0;
	padding: 6px 10px;
}
.apply-list-box.person-apply-list-box .apply-list-header .right {
	padding-top: 12px;
	padding-right: 4px;
}
.apply-list-box.person-apply-list-box .apply-list-header {
	border-bottom: 1px solid #EFEFEF;
	vertical-align: middle;
}

.apply-list-box.person-apply-list-box .apply-list-header:last-child {
	border-bottom: 0;
}
.apply-list-box.person-apply-list-box .apply-list-header img{
	vertical-align: middle;
}
/*个人中心页面样式结束*/
/*我的考试样式开始*/
.home-book.exam-book {
	border-radius: 0;
	position: relative;
	margin-bottom: 10px;
}
.home-book.exam-book .home-book-right .title {
	font-size: 16px;
	color: #EFB649;
	padding: 6px 10px 6px 0;
}
.home-book.exam-book .home-book-right .name {
	font-size: 16px;
	color: #606060;
	font-weight: bold;
	margin-top: 6px;
}
.home-book.exam-book .home-book-right .small-name {
	font-size: 14px;
	color: #606060;
	padding-right: 10px;
}
.home-book.exam-book .home-book-right .exam-time {
	font-size: 14px;
	color: #A8A8A8;
	position: absolute;
	bottom: 10px;
	right: 16px;
	font-weight: bold;
}
.home-book.exam-book .home-book-right .exam-time img {
	padding-right: 4px;
}
.home-book.exam-book .home-book-right .exam-time span {
	vertical-align: middle;
	padding-top: 1px;
	display: inline-block;
}
/*我的考试样式结束*/
/*考试题目样式开始*/
.exam-subject-header {
	background: #F2F2F2;
	color: #484848;
	padding: 6px 10px;
	font-size: 16px;
	width: 100%;
	height: 37px;
	overflow: hidden;
}
.exam-subject-header .time {
	color: #505050;
	font-size: 14px;
	float: right;
	padding-top: 4px;
}
.exam-subject-content {
	background: #fff;
	padding: 10px;
}
.subject-type {
	font-size: 16px;
	color: #505050;
}
.subject-type span {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	padding-bottom: 10px;
	display: inline-block;
}
.subject-topic {
	color: #4C4C4C;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	padding: 20px 10px 0 10px;
}
.subject-topic .num {
	float: left;
}
.subject-topic .content {
	padding-left: 20px;
	line-height: 28px;
}
.subject-answer-line {
	display: inline-block;
	width: 60px;
	border-bottom: 1px solid #000;
	vertical-align: bottom;
}
.subject-content {
	font-size: 16px;
	color: #474747;
	margin: 0;
	padding-left: 30px;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #E7E7E7;
	padding-bottom: 20px;
}
.subject-content.error{
	background: url(../images/icon/dj-57.png) no-repeat center right;
	background-size: 100px 100px;
}
.subject-content li {
	padding-bottom: 20px;
}
.subject-content .choose-left {
	float: left;
	margin-top: 4px;
}
.subject-content .choose {
	padding-left: 36px;
	padding-top: 5px;
}
.subject-sign {
	overflow: hidden;
	padding-right: 30px;
	font-size: 16px;
}
.subject-sign .sign-name {
	padding-left: 6px;
	vertical-align: middle;
}
.exam-subject-footer {
	background: #fff;
	width: 100%;
	padding: 20px;
}
.exam-subject-footer .exam-catalog {
	display: block;
	text-align: center;
	line-height: 46px;
	font-size: 16px;
	color: #939393;
}
.exam-subject-answer {
	font-size: 16px;
	color: #525252;
	padding: 10px;
}
.exam-subject-answer .title {
	float: left;
	color: #48B448;
}
.exam-subject-answer .answer {
	padding-left: 90px;
	padding-bottom: 10px;
	line-height: 22px;
}
/*考试题目样式结束*/
/*考试目录样式开始*/
.exam-catalogue-header {
	padding: 10px 20px;
	color: #9E9E9E;
	background: #F2F2F2;
}
.exam-catalogue-header ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.exam-catalogue-header ul li {
	float: left;
	padding: 0 10px;
}
.exam-pop {
	display: inline-block;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
}
.exam-catalogue-content {
	background: #fff;
	padding: 10px;
}
.exam-catalogue-ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	padding: 10px 0;
}
.exam-catalogue-ul li {
	float: left;
	padding: 10px 0;
	width: 16.666%;
	min-width: 40px;
}
.exam-catalogue-box {
	display: block;
	height: 38px;
	width: 38px;
	color: #fff;
	text-align: center;
	line-height: 38px;
	border-radius: 5px;
	margin: 0 auto;
}
/*考试目录样式结束*/
/*我的考试成绩页面样式开始*/
.exam-grade {
	width: 90%;
	margin: 0 auto;
	padding-top: 90px;
	text-align: center;
	position: relative;
}
.exam-grade-bg {
	width: 100%;
	max-width: 500px;
}
.exam-grade-num {
	position: absolute;
	bottom: 30%;
	font-size: 40px;
	color: #fff;
	font-family: KaiTi;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%,0);
}
.exam-grade-ul {
	text-align: center;
	padding: 30px 0px 50px 0;
	font-weight: bold;
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
}
.exam-grade-button {
	width: 90%;
	margin: 0 auto;
	font-size: 18px;
	max-width: 260px;
}
/*我的考试成绩页面样式结束*/
/*我的排名样式开始*/
.exam-ranking {
	min-width: 100%;
	height: 100%;
	position: relative;
	background: #fff;
}
.exam-ranking-button{

}
.exam-ranking-button .three-ul-box li{
	background:#FFAA25;
	text-align: center;
	height: 50px;
	line-height: 50px;
	border-left: 1px solid #FFB92D;
}
.exam-ranking-button .three-ul-box li.active{
	background:#F65E0C;

}
.exam-ranking-button .three-ul-box li .name{
	font-size: 16px;
	color:#FFEFC9;
	vertical-align:middle;
	padding-left:4px;
}
.exam-ranking-button .three-ul-box li img{
	vertical-align:middle;
	height: 18px;
}
.exam-ranking-content{
	display:none;
}
.ranking-content-header{
	width:100%;
	height: 170px;
	background: url(../images/special/dj-028.png) no-repeat;
	background-size: 100% 100%;
}
.ranking-header-place{
	width: 117px;
	height: 122px;
	margin:0 auto;
	background:url(../images/special/dj-029.png);
	background-size: 100%;
	text-align: center;
}
.ranking-header-place .place{
	font-size: 24px;
	color:#DA3F02;
	padding-top: 50px;
	display: inline-block;
	line-height: 38px;
}
.ranking-content-list{

}
.ranking-content-list ul{
	padding:0 10px;
	background: #fff;
}
.ranking-content-list ul li{
	overflow:hidden;
	border-bottom:1px solid #F5F5F5;
	height:48px;
	line-height:48px;
}
.ranking-content-list ul li .ranking-left{
	float:left;
	height: 100%;
}
.ranking-content-list ul li .ranking-left .number{
	color:#808080;
	font-size:14px;
	vertical-align: middle;
}
.ranking-content-list ul li .ranking-left .name{
	color:#424242;
	font-size:16px;
	display: inline-block;
	padding-left: 6px;
	vertical-align: middle;
}
.ranking-content-list ul li .ranking-right{
	float:right;
	height: 100%;
}
.ranking-content-list ul li .ranking-right .title{
	color:#9C9C9C;
	font-size:14px;
	vertical-align: middle;
}
.ranking-content-list ul li .ranking-right .time{
	color:#808080;
	font-size:16px;
	display: inline-block;
	padding-left: 6px;
	vertical-align: middle;
}
.ranking-content-list ul li.first .ranking-left .number{
	color:#F05509;
	font-size:18px;
}
.ranking-content-list ul li.first .ranking-right .time{
	color:#FF7B10;
	font-size:18px;
}
.ranking-content-list ul li.two  .ranking-left .number{
	color:#FEA418;
	font-size:18px;
}
.ranking-content-list ul li.two  .ranking-right .time{
	color:#FF7B10;
	font-size:18px;
}
.ranking-content-list ul li.three .ranking-left .number{
	color:#4DBF2E;
	font-size:18px;
}
.ranking-content-list ul li.three  .ranking-right .time{
	font-size:18px;
	color:#FF7B10;
}
/*我的排名样式结束*/
/*成绩查询样式开始*/
.exam-grade-search {
	padding: 10px;
	height: 100%;
	width: 100%;
	position: relative;
	background: #F0F0F0;
}
.exam-grade-search-table {
	margin: 20px 0;
}
.exam-grade-search-table table {
}
.exam-grade-search-table table th, .exam-grade-search-table table td {
	border-bottom: 1px solid #F3F3F3;
	text-align: center;
}
.exam-grade-search-table table th {
	color: #fff;
	padding: 11px 0;
	font-size: 18px;
	font-weight: 100;
	min-width: 50px;
}
.exam-grade-search-table table td {
	color: #72717A;
	background: #fff;
	padding: 11px 6px;
	font-size: 16px;
}
.exam-grade-search-footer .exam-grade-page {
	color: #A5A5A5;
	display: block;
	text-align: center;
	line-height: 41px;
}
/*成绩查询样式结束*/
/*历史书籍样式开始*/
.history-book-header {
	color: #858080;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	padding: 6px;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 2px;
}
.history-book-content {
	margin: 0;
	padding: 0;
	overflow: hidden;
	padding-top: 10px;
}
.history-book-content li {
	float: left;
	width: 33.33%;
	padding: 10px 10px 50px 10px;
	height: 220px;
	overflow: hidden;
}
.history-book-content li .name {
	color: #606060;
	margin: 10px 0;
	font-size: 14px;
}
/*历史书籍样式结束*/
/*教务样式开始*/
.study-admin-bg {
	background: #fff;
	min-height: 100%;
	font-family: "Microsoft YaHei";
}
.study-admin {
	background: #fff;
	text-align: center;
	padding: 12px 0;
}
.study-admin li a {
	display: block;
}
.study-admin img {
	max-width: 100%;
}
.study-admin .name {
	color: #6A6565;
	font-size: 16px;
	padding-top: 6px;
}
.sign-time-box {
	width: 100%;
	margin: 0 auto;
	background: url(../images/icon/dj-43.png) bottom repeat #fff;
	padding-bottom: 20px;
}
.sign-time-box-title {
	font-size: 20px;
	color: #fff;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 6px 0;
}
.sign-time-box-intro {
	padding: 10px 0px;
}
.sign-time-box-intro img{
	width: auto;
	max-width: 100%;
	height: 46px;
}
.time-box-intro {
	float: left;
	width: 94px;
}
.time-box-intro span {
	vertical-align: middle;
	padding-left: 4px;
	color: #5a5a5a;
}
.time-box-intro img{
	vertical-align: middle;

}
/*教务样式结束*/
/*考试封面页样式开始*/
.exam-open-cover {
	min-height: 100%;
	width: 100%;
	background: url(../images/special/dj-030.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.exam-open-cover-info {
	text-align: center;
	padding-top: 16%;

}
.exam-open-cover-info .title {
	width: 184px;
	max-width:100%;
}
.exam-open-cover-info .small-name {
	width:100%;
	text-align:center;
	font-size: 14px;
	color: #fff;
	margin-top: 6px;
	line-height: 22px;
}
.exam-open-cover-info .name {
	width:100%;
	text-align:center;
	font-size: 18px;
	color: #fff;
	margin-top: 20px;
	line-height: 28px;
}
.exam-open-cover-button {
	width:auto;
	margin-top: 40px;
	text-align:center;
}
.exam-open-cover-button .weui_btn {
	font-size: 18px;
	padding: 2px 40px;
	line-height: 42px;
	width: auto;
	border-radius: 24px;
}
.exam-open-cover-button .btn-exam {
	width: 40%;
}
/*考试封面页样式结束*/
/*书籍评论页面样式开始*/
.book-evaluate-header {
	padding: 20px 16px;
}
.book-evaluate-header .number {
	color: #fff;
	display: inline-block;
	background: #D05A5A;
	padding: 4px 10px;
	opacity: 0.8;
	border-radius: 14px;
}
.book-evaluate-header .title {
	color: #fff;
	font-size: 20px;
	text-align: center;
	padding: 8px 0;
}
.book-evaluate-header .pop {
	text-align: center;
	opacity: 0.8;
	color: #fff;
}
.book-evaluate-content .weui_cells_title {
	color: #B0B0B0;
}
.book-evaluate-content .weui_cell_bd {
	font-size: 16px;
	color: #444444;
}
/*书籍评论页面样式结束*/
/*书籍封面页样式开始*/
.section-read-cover-header {
	/*background: url(../images/special/dj-020.png) no-repeat;*/
	background: url(../images/bg-image/dj-04.png) no-repeat;
	height: 200px;
	width: 100%;
	background-size: 100% 100%;
	padding: 15px 20px;
	position: relative;
}
.cover-shade-bg {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	background: #000000;
	opacity: 0.4;
}
.read-cover-header-image {
	margin-top: 12px;
	position: relative;
	z-index: 101;
	text-align: center;
}
.read-cover-header-image .name {
	color: #fff;
	font-size: 18px;
	margin: 0;
	margin-top: 6px;
}
.read-cover-bg {
	min-height: 100%;
	/*background: url(../images/special/dj-021.png) repeat-x;*/
	background-size: 100% 100%;
	height: 100%;
}
.section-read-cover-content {
	padding: 10px 20px;
	text-align: center;
	height: 60%;
}
.section-read-cover-content .name {
	font-size: 20px;
	color: #101010;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}
.section-read-cover-content .copyright {
	color: #A9A9A9;
	margin: 6px 0;
}
.section-read-cover-content .author {
	font-size: 16px;
	color: #737373;
}
.section-read-cover-content .time {
	overflow: hidden;
	padding-top: 18px;
	width: 210px;
	margin: 0 auto;
	position: relative;
}
.section-read-cover-content .time .info {
	position: relative;
	left: -20px;
	top: 20px;
	float: left;
	width: 125px;
}
.section-read-cover-content .time .info .minute {
	font-size: 50px;
	color: #F89245;
	float: left;
	margin-top: 25px;
}
.section-read-cover-content .time .info .unit {
	margin: 0;
	padding-top: 20px;
	text-align: left;
	padding-left: 36px;
	font-size: 16px;
	color: #898989;
}
.section-read-cover-content .time .info .title {
	margin: 0;
	text-align: left;
	padding-left: 36px;
	color: #C5C5C5;
}
.read-cover-button {
	padding-top: 15px;
	bottom:20px;
	margin-top: 10%;
	padding-bottom: 20px;
}
.read-cover-button .weui_btn {
	width: auto;
	padding: 6px 60px;
	border-radius: 30px;
	min-width: 180px;
}
/*书籍封面页样式结束*/
/*通知页面样式开始*/
.inform-page {
	padding: 20px;
}
.inform-page-box {
	background: #fff;
	padding: 0 10px;
	box-shadow: 0px 2px 2px #E0E0E0;
	border-radius: 3px;
	font-family: "Microsoft YaHei";
}
.inform-page-box .inform-page-box-header {
	padding: 10px 0;
	border-bottom: 2px solid #EEEEEE;
}
.inform-page-box .inform-page-box-header .read-msg {
	color: #D60815;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 18px;
}
.inform-page-box .inform-page-box-header .icon {
	display: inline-block;
	background: url(../images/icon/dj-46.png) no-repeat;
	background-size: 40px;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}
.inform-page-box .inform-page-box-header .right-icon {
	display: inline-block;
	background: url(../images/icon/dj-47.png) no-repeat;
	width: 6px;
	height: 30px;
	vertical-align: middle;
	float: right;
	margin-top: 6px;
}
.inform-page-box .inform-page-box-header .name {
	font-size: 18px;
	color: #525252;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 8px;
}
.inform-page-box .inform-page-box-content {
	padding: 20px 10px;
	min-height: 151px;
	position: relative;
}
.inform-page-box .inform-page-box-content .content {
	font-size: 16px;
	color: #646464;
	margin: 0;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.inform-page-box .inform-page-box-content .link {
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
}
.inform-page-box .inform-page-box-content .mark {
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	bottom: 20px;
	right: 10px;
}
.inform-page-line {
	background: url(../images/icon/dj-48.png) repeat-x center;
	text-align: center;
}
.inform-page-line span {
	background: #F0F0F0;
	padding: 0 10px;
	color: #8C8C8C;
	font-size: 16px;
}
.inform-page-box-spread {
	height: 4px;
	margin: 0 5px;
	background: #F6F6F6;
	border-radius: 3px;
	box-shadow: 0px 2px 2px #E0E0E0;
}
.setting-img{
	text-align: center;
	width: 100%;
}
.read-rank-name{
	float: left;
}
.read-rank-totalTime{
	float: right;
}
.content-summary{
	margin-top: 30px;
	margin-left: 10px;
}
.inform-page-progess-header{

}
.inform-page-progess-content{

}
.inform-page-button{
	margin: 0px 20px 20px 20px;
}
.inform-page-button input{
	width:100%;
	border:0;
	outline: none;
	color:#6C6C6C;
	text-align:center;
	font-size: 18px;
	font-family: "Microsoft YaHei";
	height: 42px;
	line-height: 42px;
	background: -ms-linear-gradient(top, #FEFEFE,  #EFEFEF);
	background:-moz-linear-gradient(top,#FEFEFE,#EFEFEF);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#FEFEFE), to(#EFEFEF));
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#EFEFEF));
	background: -webkit-linear-gradient(top, #FEFEFE, #EFEFEF);
	background: -o-linear-gradient(top, #FEFEFE, #EFEFEF);
}
.inform-page-button .two-ul-box{
	border:1px solid #F0B04C;
	border-radius: 22px;
}
.inform-page-button .two-ul-box li{
	padding: 0;
}
.inform-page-button li.active input{
	background:#F0A836;
	color:#fff;
	-moz-box-shadow:-2px 2px 7px 0px #CA7A27 inset;
	-webkit-box-shadow:-2px 2px 7px 0px #CA7A27 inset;
	box-shadow:-2px 2px 7px 0px #CA7A27 inset;
}
.inform-smallbutton-box{
	position: absolute;
	bottom: 20px;
	right: 10px;
}
.inform-smallbutton-box  input{
	font-size: 14px;
	font-family: "Microsoft YaHei";
	padding: 4px 6px;
	color: #fff;
	border-radius: 5px;
	outline: none;
	border: 0;
	margin-right: 6px;
	letter-spacing: 2px;
}
.inform-smallbutton-box  input.orange-button{
	background:#F0A836;
}
.inform-smallbutton-box  input.gray-button{
	background:#B9B9B9;
}
/*通知页面样式结束*/
/*积分页面样式开始*/
.integral {
	background: #fff;
	padding: 20px;
	box-shadow: 2px 2px 2px #DEDEDE;
}
.integral-number {
	font-size: 20px;
	color: #5E5E5E;
	padding-left: 20px;
}
.integral-number .number {
	font-size: 24px;
	padding-left: 20px;
}
.integral-search-table {
	margin: 10px 0 20px 0;
	box-shadow: 2px 2px 2px #DEDEDE;
}
.integral-header {
	padding: 4px 14px;
	font-size: 16px;
	color: #72717A;
	background: #fff;
	border-bottom: 2px solid #D6D6D6;
}
.integral-header .name {
	vertical-align: middle;
	padding-left: 10px;
}
/*积分页面样式结束*/
/*首页无书籍页样式开始*/
.home-page-nobook {
	position: relative;
	background: url(../images/special/dj-023.png) center no-repeat #F7F7F7;
	background-size: contain;
	height: 47%;
	/*height: 274px;*/
}
.home-page-nobook-info {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%,-50%);
}
.home-page-nobook-info .title {
	font-size: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-weight: bold;
	font-family: "Microsoft YaHei";
}
.home-page-nobook-info .info {
	font-size: 14px;
	color: #989898;
	padding-top: 10px;
}
/*通知页面样式结束*/
/*积分页面样式开始*/
.integral {
	background: #fff;
	padding: 14px 10px;
	box-shadow: 2px 2px 2px #DEDEDE;
}
.integral-number {
	font-size: 16px;
	color: #5E5E5E;
	padding-left: 20px;
	vertical-align:25px ;
}
.integral-number .number {
	font-size: 24px;
	padding-left: 20px;
}
.integral-search-table {
	margin: 10px 0 10px 0;
	box-shadow: 2px 2px 2px #DEDEDE;
}
.integral-header {
	padding: 4px 14px;
	font-size: 16px;
	color: #72717A;
	background: #fff;
	border-bottom: 2px solid #D6D6D6;
}
.integral-header img{
	vertical-align: middle;

}
.integral-header .name {
	vertical-align: middle;
	padding-left: 10px;
}
.integral-search-table table th, .integral-search-table table td {
	border-bottom: 1px solid #F3F3F3;
	text-align: left;
}
/*积分页面样式结束*/
/*书单页面样式开始*/
.book-list {
	min-height: 100%;
	background: #fff;
}

.book-list-month {
	text-align: center;
	padding: 14px 0;
}
.book-list-month .english-month {
	color: #000;
	font-size: 26px;
	font-weight: bold;
	line-height: 41px;
}
.book-list-month .china-month {
	color: #C3C3C3;
	font-size: 16px;
	line-height: 25px;
}
.book-list-content {
	overflow: hidden;
}
.book-list-content-ul {
	margin: 0;
	padding: 0px;
}
.book-list-content-ul li {
	overflow: hidden;
	height: 136px;
	padding: 15px;
}
.book-list-content-ul li  .book-content {
	padding-left: 86px;
}
.book-list-content-ul li  .book-content .name {
	font-size: 18px;
	color: #585858;
	font-weight: bold;
	overflow: hidden;
	height: 56px;
	line-height: 28px;
}
.book-list-content-ul li .book-content .details {
	font-size: 14px;
	color: #666666;
	margin: 3px 0;
	overflow: hidden;
	line-height: 22px;
}
.book-list-content-ul li .book-content .copyright {
	font-size: 12px;
	color: #B7B7B7;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 19px;
}
/*书单页面样式结束*/